<template>
  <a-navbar :title="`购物车(${10})`">
    <template #right>
      <view class="u-f-sm">管理</view>
    </template>
  </a-navbar>
  <a-scroll-view @loadMore="console.log('加载了')">
    <cart-item v-for="i in 10" :key="i"></cart-item>
  </a-scroll-view>
  <view class="bottom-fixed flex-between">
    <up-checkbox
        :customStyle="{marginBottom: '8px'}"
        label="全选"
        shape="circle"
        size="16"
        name="agree"
        usedAlone
        v-model:checked="allChecked"
    >
    </up-checkbox>
    <view class="flex">
      <view class="u-f-sm" style="min-width: 200rpx">总计：<span class="u-f-sl">￥1000.00</span></view>
      <a-button shape="circle" @click="console.log('222')" type="primary" style="margin-left: 10rpx;width: 180rpx"
                color="linear-gradient(-60deg, #ff5858 0%, #f09819 100%)">
        去结算(2)
      </a-button>
    </view>
  </view>
</template>

<script setup>
import {ref} from 'vue'
import CartItem from "@/shop/components/cart-item.vue";

const allChecked = ref(false)
</script>

<style scoped lang="scss">
page {
  background: #f4f4f4;
}

@import "~@/static/css/index.css";
</style>